<%- include('../layout/header') %>
<!-- 主体内容 -->
<div class="content">
    <h2>管理员列表 <a class="btn btn-primary btn-xs" href="/admin/create">添加管理员</a></h2>
    <div class="clearfix"></div>
    <hr>
    <table class="table table-bordered table-striped table-hover">
        <thead>
            <tr>
            <th>ID</th>
            <th>用户名</th>
            <th>添加时间</th>
            <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <% for(let i=0;i<data.length;i++){ %>
            <tr>
                <th scope="row"><%= data[i]._id %></th>
                <td><%= data[i].username %></td>
                <td><%= data[i].create_time %></td>
                <td>
                    <a style="margin-right: 5px; float:left;" class="btn btn-info btn-xs" href="/admin/<%= data[i]._id %>/edit">修改</a>
                    <form style="display:inline-block" action="/admin/<%= data[i]._id %>/delete" method="post">
                        <button class="btn btn-danger btn-xs del">删除</button>
                    </form>
                </td>
            </tr>
            <% } %>
        </tbody>
        </table>
</div>
<script>
    //获取所有的删除按钮
    let dels = document.querySelectorAll('.del');
    //绑定事件
    dels.forEach(item => {
        item.onclick = function(e){
            if(!confirm('您确定要删除当前数据么??')){
                //阻止表单提交
                e.preventDefault();
            }
        }
    });

</script>
<%- include('../layout/footer') %>        